<template>
  <div class="block">
    <el-time-select
      v-model="startTime"
      :max-time="endTime"
      placeholder="Start time"
      start="08:30"
      step="00:15"
      end="18:30"
    />
    <el-time-select
      v-model="endTime"
      :min-time="startTime"
      placeholder="End time"
      start="08:30"
      step="00:15"
      end="18:30"
    />
  </div>
</template>

<script>
export default {
    data() {
        return {
            startTime: '',
            endTime: ''
        }
    }
}

</script>